<!DOCTYPE html>
<html>
<head>
<title>Hilo项目骨架生成器</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="../public/css/bootstrap.min.css">
<link rel="stylesheet" href="../public/css/font-awesome.min.css">
<link rel="stylesheet" href="../public/plugins/jqgrid/ui.jqgrid-bootstrap.css">
<link rel="stylesheet" href="../public/plugins/ztree/css/metroStyle/metroStyle.css">
<link rel="stylesheet" href="../public/css/main.css">
</head>
<body>
<div id="vue_body" v-cloak>
     
   	<div class="panel panel-default">
		<div class="panel-heading">生成项目骨架</div>
		<form class="form-horizontal" style="width: 650px;">
			<div class="form-group">
			   	<div class="col-sm-5 col-xs-5 control-label">基础域名（groupId）</div>
			   	<div class="col-sm-7 col-xs-7">
			      <input type="text" class="form-control" value="com.zollty" disabled placeholder="com.zollty"/>
			    </div>
			</div>
			<div class="form-group">
			   	<div class="col-sm-5 col-xs-5 control-label">项目标识（artifactId）</div>
			   	<div class="col-sm-7 col-xs-7">
			      <input type="text" class="form-control" v-model="config.artifactId" placeholder="pay-admin"/>
			    </div>
			</div>
			<div class="form-group">
			   	<div class="col-sm-5 col-xs-5 control-label">项目包名（不含基础域名）</div>
			   	<div class="col-sm-7 col-xs-7">
			      <input type="text" class="form-control" v-model="config.basePackage" placeholder="pay.admin"/>
			    </div>
			</div>
            <div class="form-group">
                <div class="col-sm-5 col-xs-5 control-label">完整包名：</div>
                <div class="col-sm-7 col-xs-7 control-label" style="text-align: left;">com.zollty.{{ config.basePackage }}</div>
            </div>
            <!-- <div class="form-group">
                <div class="col-sm-5 col-xs-5 control-label">类型：</div>
                <div class="col-sm-7 col-xs-7">
                  <input type="text" class="form-control" v-model="config.useType" placeholder="web"/>
                </div>
            </div> -->
            <div class="form-group">
              <div class="col-sm-5 col-xs-5 control-label">场景化类型：</div> 
                <div class="col-sm-7 col-xs-7">
                  <label class="radio-inline">
                    <input type="radio" name="useType" value="0" v-on:change="test" v-model="config.useType"/> 后管
                  </label>
                  <label class="radio-inline">
                    <input type="radio" name="useType" value="1" v-on:change="test" v-model="config.useType"/> Dubbo服务端
                  </label>
                  <label class="radio-inline">
                    <input type="radio" name="useType" value="2" v-on:change="test" v-model="config.useType"/> 普通Web应用
                  </label>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-5 col-xs-5 control-label">组件自定义：</div>
                <div class="col-sm-7 col-xs-7">
                  <label v-for="comp in compList" class="checkbox-inline">
                    <input type="checkbox" :value="comp.value" v-model="config.compList">{{comp.name}}
                  </label>
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-5 col-xs-5 control-label">部署类型：</div> 
                <div class="col-sm-7 col-xs-7">
                  <label class="radio-inline">
                    <input type="radio" name="deployType" value="war" v-model="config.deployType"/> War
                  </label>
                  <label class="radio-inline">
                    <input type="radio" name="deployType" value="jar" v-model="config.deployType"/> Jar
                  </label>
                </div>
            </div>
            <!-- <div class="form-group">
              <div class="col-sm-5 col-xs-5 control-label">项目重要性评级：</div> 
                <div class="col-sm-7 col-xs-7">
                  <label class="radio-inline">
                    <input type="radio" name="implLev" value="0" v-model="config.implLev"/> 一级
                  </label>
                  <label class="radio-inline">
                    <input type="radio" name="implLev" value="1" v-model="config.implLev"/> 二级
                  </label>
                  <label class="radio-inline">
                    <input type="radio" name="implLev" value="2" v-model="config.implLev"/> 三级
                  </label>
                </div>
            </div> -->
            <div class="form-group">
              <div class="col-sm-5 col-xs-5 control-label">工程结构：</div> 
                <div class="col-sm-7 col-xs-7">
                  <label class="radio-inline">
                    <input type="radio" name="implLev" value="single" v-model="config.structure"/> 单模块
                  </label>
                  <label class="radio-inline">
                    <input type="radio" name="implLev" value="split" v-model="config.structure"/> 双模块（starter + biz）
                  </label>
                  <br/>
                  <label class="radio-inline">
                    <input type="radio" name="implLev" value="multi" v-model="config.structure"  v-bind:disabled="structEnable" /> 多模块（starter + facade + biz + integration + dal）
                  </label>
                </div>
            </div>
			<div class="form-group">
				<div class="col-sm-5 col-xs-5 control-label"></div> 
                <div class="col-sm-7 col-xs-7">
				  <input type="button" class="btn btn-primary" @click="generator" value="生成并下载"/>
			    </div>
            </div>
		</form>
	</div>
</div>

<script src="../public/libs/jquery.min.js"></script>
<script src="../public/plugins/layer/layer.js"></script>
<script src="../public/libs/bootstrap.min.js"></script>
<script src="../public/libs/vue.min.js"></script>
<script src="../public/plugins/jqgrid/grid.locale-cn.js"></script>
<script src="../public/plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script src="../public/plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="../public/js/common.js"></script>
<script src="./archetype2.js"></script>
</body>
</html>
